import React, { Component } from 'react'

class Home extends Component {
  // 编程式导航，在react-router-dom中，它是通过this.props.history方法来完成的导航功能
  // push/replace string|{}
  // 注： react-router-dom路由系统中，如果你在类组件中使用编程式导航，则默认它路由对象只在规则匹配成功后的渲染的组件中得到
  go = url => () => {
    // setTimeout(() => {
    // this.props.history.push(url)
    this.props.history.push({
      pathname: url
    })
    // }, 3000);
  }

  render() {
    return (
      <div>
        <h3>home页面</h3>
        <hr />
        <button onClick={this.go('/about')}>去about页面</button>
      </div>
    )
  }
}

export default Home
